/*
盒子合理摆放：函数(需要调用2次)
1.页面加载完毕的时候
2.滚动的时候
*/

// 当文档加载完毕会执行一下代码

// 盒子合理摆放的函数
export  function fWaterFall() {
    // 获取大盒子
    var container = document.getElementById('container')
    // 获取可视区域的宽度
    var clientWidth = document.documentElement.clientWidth
    // 获取到页面所有class为item的元素
    var oItem = document.getElementsByClassName('item')
    // 获取其中一个item的宽度
    var itemWidth = oItem[0].offsetWidth
    // 获取一行的个数
    var num = Math.floor(container / itemWidth)
    // 设置container的宽度
    container.style.width = num * itemWidth + 'px'
    // 承载盒子高度的数组
    var hrr = [];
    
    // 计算数组最小值的位置
}